<template>
  <div></div>
</template>

<script setup>
import { inject, onMounted } from "vue";
onMounted(() => {
  const $map = inject("$map");
  const navControl = new ol.control.ZoomToExtent({
    extent: [100, 30, 140, 30],
  });
  $map.addControl(navControl);
  const zoomslider = new ol.control.ZoomSlider();
  $map.addControl(zoomslider);
});
</script>

<style scoped></style>
